﻿/* windows */
body{margin:1px;outline-style:solid;outline-width:1px;}
.body_max{margin:0;outline:none;}

#titlebar{height:30px;}
#titlebar #caption{float:left;height:30px;line-height:30px;color:#fff;font-size:12px;/*text-shadow:0 0 7px #000;*/}
#titlebar #caption img{float:left;width:16px;height:16px;margin:7px;}

#titlebar #buttons{float:right;}
#titlebar #buttons #min,
#titlebar #buttons #max,
#titlebar #buttons #close{
	display:block;float:left;width:45px;height:30px;transition:all ease-out .1s;
}

#titlebar #buttons #min{background:url(min.png) no-repeat;}
#titlebar #buttons .max1{background:url(max1.png) no-repeat;}
#titlebar #buttons .max2{background:url(max2.png) no-repeat;}
#titlebar #buttons #close{background:url(close.png) no-repeat;}

#titlebar #buttons #min:hover,#titlebar #buttons #max:hover{background-color:rgba(255, 255, 255, 0.1);}
#titlebar #buttons #min:active,#titlebar #buttons #max:active{background-color:rgba(255, 255, 255, 0.2);}


#titlebar #buttons #close:hover{background-color:#E91022;}
#titlebar #buttons #close:active{background-color:#A92830;}

#main{background:#403832;}

#menubar{height:26px;background:#FFF;border-bottom:1px solid #DBDBDD;}
#menubar>ul>li>a{height:26px;line-height:26px;margin:0 2px;padding:0 8px;font-size:12px;color:#333;border-width:0 1px 1px;border-style:solid;border-color:transparent transparent #DBDBDD;}
#menubar>ul>li>a:active{background:#F1F1F1;}
#menubar>ul>.hover>a{background:#F5F7F7;border-color:#F5F7F7 #F5F7F7 #DBDBDD;}
#menubar>ul>.active>a{background:#FFFFFF;border-color:#DBDBDD #DBDBDD #F5F7F7;}

#menubar>ul>li>ul{padding:1px;border:1px solid #DBDBDD;border-top:none;background:#FFFFFF;box-shadow:4px 4px 2px -2px rgba(0, 0, 0, 0.4);;}
#menubar>ul>li>ul>li{width:150px;line-height:22px;}
#menubar>ul>li>ul>li:hover{background:#F1F1F1;/*CDE5FD*/}
#menubar>ul>li>ul>li:active{background:#ECECEC;}
#menubar>ul>li>ul>li>a,#menubar>ul>li>ul>li>label{display:block;padding:2px 10px;color:#3C3C3C;font-size:12px;}
#menubar>ul>li>ul>li>span{font-size:10px;color:#999;float:right;margin-right:10px;}
#menubar>ul>li>ul>li>label input{vertical-align:middle;}
#menubar>ul>li>ul>.separator{height:1px;margin:3px 0;background:#EAEAEA;}

#menubar>ul>li>.large li{width:240px;}

#menubar>ul>li>.skins li{width:50px;margin:1px;border:1px solid #fff;background:#c22;transition:all ease-out .1s;}
#menubar>ul>li>.skins li:hover{border:1px solid #000;}
#menubar>ul>li>.skins .cur{border:1px solid #000;}

#menubar>ul>li>.skins #default{background:#298FCC;}
#menubar>ul>li>.skins #black{background:#4C4A48;}
#menubar>ul>li>.skins #green{background:#10893E;}
#menubar>ul>li>.skins #red{background:#EA005E;}
#menubar>ul>li>.skins #blue{background:#0078D7;}
#menubar>ul>li>.skins #orange{background:#F7630C;}
#menubar>ul>li>.skins #purple{background:#C239B3;}

/* 选项卡*/
#main #tabs{background:#403832;border-top:1px solid #565656;/*max-height:56px;overflow-y:auto;overflow:auto;*/}
#main #tabs>li{margin:-1px 2px 4px;padding:0 10px 0 30px;height:24px;line-height:24px;border:1px solid #565656;font-size:13px;border-radius:0 0 8px 8px;background:-webkit-gradient(linear, left top, left bottom, from(#585858), to(#232121));color:#b3b3b3;}
#main #tabs>li:hover{background:-webkit-gradient(linear, left top, left bottom, from(#232121), to(#585858));}
#main #tabs>.cur{background:#28211c;border-top-color:#28211c;color:#dfdfdf;}
#main #tabs>.cur:hover{background:#28211c;}
#main #tabs>li i{margin-left:20px;}

/**** style ****/
/* default */
.default{outline-color:#69BCEE;}.default #titlebar{background:#298FCC;}
/* black */
.black{outline-color:#5E5C5A}.black #titlebar{background:#4C4A48;}
/* green */
.green{outline-color:#13a94c}.green #titlebar{background:#10893E;}
/* red */
.red{outline-color:#e67aa6}.red #titlebar{background:#EA005E;}
/* blue */
.blue{outline-color:#2697ef;}.blue #titlebar{background:#0078D7;}
/* orange */
.orange{outline-color:#f39d6b;}.orange #titlebar{background:#F7630C;}
/* purple */
.purple{outline-color:#e84dd7;}.purple #titlebar{background:#C239B3;}
/*
#menubar>ul>li>a:before{
    left: 0;
	top: 0;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-ms-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(0,0,0,0.1);
	z-index: 0;
	opacity: 0;
	filter: alpha(opacity=0)
}
#menubar>ul>.hover>a:before{-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
	filter: alpha(opacity=100)}
*/